.topbar{
    margin:0 auto;
    height:80px;
    .pull-left{
        float:left;
        margin-left: 20px;
        .img-href{
            display: inline-block;
            float: left;
           img{
              margin-top:22px;
              float:left;
          }
        }
       span{
           display:block;
           width:1px;
           height: 28px;
           float: left;
           background-color: #999999;
           margin-top: 26px;
           margin-left:40px;
       }
       ul{
           height:100%;
           float:left;
           line-height:100%;
           font-size: 14px;
           li{
               float:left;
               margin:0 20px;
               height:100%;
               line-height:80px;
               a{
                    display:block;
                    color:#666;
               }
               .active{
                    color:#b58f56;
               }
           }
       }
    }
    .pull-right{
        float:right;
        .initiate{
            float:left;
            width: 118px;
            height: 38px;
            background-color: #b58f56;
            line-height:38px;
            text-align:center;
            color:#fff;
            margin-top: 20px;
            font-size: 14px;
        }
        .name{
            margin-right: 10px;
            height:80px;
            line-height: 80px;
            float:left;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            color: #666666;
            margin-left: 20px;
        }
        .portrait{
            float:left;
            width: 43px;
            height: 42px;
            border-radius:50%;
            margin-top: 18px;
            position:relative;
            img{
                width:100%;
                position:absolute;
                top:50%;
                left:50%;
                transform:translate(-50%,-50%);
            }
        }
        .loginout{
            float: left;
            line-height: 80px;
            font-size: 14px;
            color: #666;
            margin-left: 10px;
        }
        .tologin{
            float:left;
            width:80px;
            height:80px;
            line-height:80px;
            text-align:center;
            color:#666;
            font-size: 14px;
        }
        .regist{
            float:left;
            width:80px;
            height:80px;
            line-height:80px;
            text-align:center;
            color:#666;
            font-size: 14px;
         }
    }
}
